
<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
    <meta name="generator" content="Hugo 0.88.1">
    <title>  Gao Xinyan的期末项目 </title>

    <link rel="canonical" href="https://getbootstrap.com/docs/5.1/examples/album/">



    <!-- Bootstrap core CSS -->
<link href="https://getbootstrap.com/docs/5.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">

    <!-- Favicons -->
<link rel="apple-touch-icon" href="/docs/5.1/assets/img/favicons/apple-touch-icon.png" sizes="180x180">
<link rel="icon" href="/docs/5.1/assets/img/favicons/favicon-32x32.png" sizes="32x32" type="image/png">
<link rel="icon" href="/docs/5.1/assets/img/favicons/favicon-16x16.png" sizes="16x16" type="image/png">
<link rel="manifest" href="/docs/5.1/assets/img/favicons/manifest.json">
<link rel="mask-icon" href="/docs/5.1/assets/img/favicons/safari-pinned-tab.svg" color="#7952b3">
<link rel="icon" href="/docs/5.1/assets/img/favicons/favicon.ico">
<meta name="theme-color" content="#7952b3">


    <style>
      .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }

    div.transbox
    {
    width:520px;
    height:365px;
    margin:30px 0px;
    background-color:#ffffff;
    border:1px ;
    opacity:0.7;
    filter:alpha(opacity=60); /* IE8 及更早版本 */
    }
    div.transbox p
    {
    margin:30px 40px;
    font-weight:bold;
    color:#000000;
    }



    body {
      background: url("../static/img/h4.jpg") center 0 ;
      background-repeat: no-repeat;
      background-size: cover;
      background-attachment: fixed;
     }

    </style>


  </head>
  <body>

<header>
  <div class="collapse bg-dark" id="navbarHeader">
    <div class="container">
      <div class="row">
        <div class="col-sm-8 col-md-7 py-4">
          <h4 class="text-white">About</h4>
          <p class="text-muted">Add some information about the album below, the author, or any other background context. Make it a few sentences long so folks can pick up some informative tidbits. Then, link them off to some social networking sites or contact information.</p>
        </div>
        <div class="col-sm-4 offset-md-1 py-4">
          <h4 class="text-white">Contact</h4>
          <ul class="list-unstyled">
            <li><a href="#" class="text-white">Follow on Twitter</a></li>
            <li><a href="#" class="text-white">Like on Facebook</a></li>
            <li><a href="#" class="text-white">Email me</a></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <div class="navbar navbar-dark bg-dark shadow-sm">
    <div class="container">
      <a href="#" class="navbar-brand d-flex align-items-center">
          <svg t="1641094277261" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7392" width="40" height="40"><path d="M512 512.23m-448.47 0a448.47 448.47 0 1 0 896.94 0 448.47 448.47 0 1 0-896.94 0Z" fill="#5FB7FF" p-id="7393"></path><path d="M246.95 482.87s3.25-81.77 11.86-140.08c8.61-58.3 32.87-156.91 32.87-156.91l93.75 162.65-138.48 134.34z" fill="#968172" p-id="7394"></path><path d="M267.16 463.7s1.85-46.56 6.75-79.76 18.72-89.34 18.72-89.34L346 387.21l-78.84 76.49z" fill="#F8C8A4" p-id="7395"></path><path d="M776.59 482.87s-3.25-81.77-11.86-140.08-32.87-156.91-32.87-156.91l-93.75 162.65 138.48 134.34z" fill="#968172" p-id="7396"></path><path d="M756.38 463.7s-1.85-46.56-6.75-79.76-18.72-89.34-18.72-89.34l-53.38 92.61 78.85 76.49z" fill="#F8C8A4" p-id="7397"></path><path d="M841.6 653.31c32.87 4.7 46.31-1.33 35.22-5.79-15.07-6.05-22.7-3.87-36.39-18.63-14.87-16.02-40.79-77.34-40.79-77.34l-0.02-0.01c-24.85-113.07-112.05-216.63-249.66-232.42-0.44-4.26 0.35-9.57 2.5-16.3 5.36-16.71-3.18-9.64-18.52 6.78-3.13 3.35-5.54 5.82-7.37 7.64-2.29-0.11-4.59-0.19-6.9-0.25 0.33-4.15 2.26-11.5 8.4-24.48 12.95-27.39-3.78-15.55-16.96-0.26-5.98 6.94-24.1 18.51-37.54 26.6-138.73 14.95-216.41 108.27-251.99 232.69l-0.02 0.01s-25.92 61.31-40.79 77.34c-13.7 14.76-21.32 12.57-36.39 18.63-11.09 4.46 2.35 10.48 35.22 5.79 32.87-4.7 9.12 17.75 4.3 22.3-7.67 7.25-21.48 19.08-31.3 24.65-16.15 9.15-1.77 11.57 1.17 11.74 10.25 0.6 46.48-8.74 41.09 0-15.75 25.51-34.7 79.95-34.78 80.2 82.15 103.29 208.91 169.5 351.14 169.5 141.51 0 268.31-65.91 350.5-168.29l-0.6-1.19s-19-54.64-34.79-80.21c-5.4-8.74 30.83 0.6 41.09 0 2.94-0.17 17.32-2.59 1.17-11.74-9.82-5.57-23.63-17.4-31.3-24.65-4.81-4.56-28.56-27 4.31-22.31z" fill="#FBF5EF" p-id="7398"></path><path d="M861.13 792.22s-19-54.64-34.79-80.21c-5.4-8.74 30.83 0.6 41.09 0 2.94-0.17 17.32-2.59 1.17-11.74-9.82-5.57-23.63-17.4-31.3-24.65-4.82-4.55-28.57-27 4.3-22.3 32.87 4.7 46.31-1.33 35.22-5.79-15.07-6.05-22.7-3.87-36.39-18.63-14.87-16.02-40.79-77.34-40.79-77.34l-0.02-0.01C774.77 438.48 696.3 334.37 549.96 319.13c-0.44-4.26 0.35-9.57 2.5-16.3 5.36-16.71-3.18-9.64-18.52 6.78-3.13 3.35-5.54 5.82-7.37 7.64-2.29-0.11-4.59-0.19-6.9-0.25 0.33-4.15 2.26-11.5 8.4-24.48 12.95-27.39-3.78-15.55-16.96-0.26-5.98 6.94-24.1 18.51-37.54 26.6-142.67 15.51-216.41 108.28-251.99 232.69l-0.02 0.01s-25.92 61.31-40.79 77.34c-13.7 14.76-21.32 12.57-36.39 18.63-11.09 4.46 2.35 10.48 35.22 5.79 32.87-4.7 9.12 17.75 4.3 22.3-7.67 7.25-21.48 19.08-31.3 24.65-16.15 9.15-1.77 11.57 1.17 11.74 10.25 0.6 46.48-8.74 41.09 0-15.75 25.51-34.7 79.95-34.78 80.2a451.786 451.786 0 0 0 40.18 44.15c23.69-27.19 76.51-85.93 127.07-129.05 67.91-57.91 87.83-47.74 119.14-69.65 31.3-21.91 28.96-67.7 25.04-84.91-3.91-17.22-19.57-42.65-14.87-69.88 4.7-27.23 28.86-61.99 53.96-61.99s49.26 34.76 53.96 61.99c4.7 27.23-10.96 52.66-14.87 69.88-3.91 17.22-6.26 63 25.04 84.91 31.3 21.91 51.23 11.74 119.14 69.65 50.96 43.46 104.23 102.8 127.64 129.7 14.11-13.53 27.96-28.34 40.21-43.6l-0.59-1.19z" fill="#968172" p-id="7399"></path><path d="M378.9 562.17m-51.57 0a51.57 51.57 0 1 0 103.14 0 51.57 51.57 0 1 0-103.14 0Z" fill="#FFFFFF" p-id="7400"></path><path d="M378.9 562.17m-35.75 0a35.75 35.75 0 1 0 71.5 0 35.75 35.75 0 1 0-71.5 0Z" fill="#5FB7FF" p-id="7401"></path><path d="M391.19 548.44m-12.29 0a12.29 12.29 0 1 0 24.58 0 12.29 12.29 0 1 0-24.58 0Z" fill="#FFFFFF" p-id="7402"></path><path d="M644.72 562.17m-51.57 0a51.57 51.57 0 1 0 103.14 0 51.57 51.57 0 1 0-103.14 0Z" fill="#FFFFFF" p-id="7403"></path><path d="M644.72 562.17m-35.75 0a35.75 35.75 0 1 0 71.5 0 35.75 35.75 0 1 0-71.5 0Z" fill="#5FB7FF" p-id="7404"></path><path d="M659.1 548.44m-12.29 0a12.29 12.29 0 1 0 24.58 0 12.29 12.29 0 1 0-24.58 0Z" fill="#FFFFFF" p-id="7405"></path><path d="M483.29 634.63c0.01-8.26 55.69-6.98 55.86-0.01 0.32 13.04-18.55 31.5-28.31 31.54-9.71 0.04-27.56-17.26-27.55-31.53z" fill="#F8C8A4" p-id="7406"></path><path d="M480.56 726.49l-2.23-2.01 31-34.4v-26.16h3v27.32z" fill="#F8C8A4" p-id="7407"></path><path d="M541.5 726.5l-32.18-35.27 0.4-27.33 3 0.04-0.38 26.15 31.37 34.39z" fill="#F8C8A4" p-id="7408">   </path></svg>
          <strong> Gao Xinyan </strong>
      </a>
      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarHeader" aria-controls="navbarHeader" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
    </div>
  </div>
</header>

<main style="backgrouond: {{background}}">

  <section class="py-5 text-center container">
    <div class="row py-lg-5">
      <div class="col-lg-6 col-md-8 mx-auto">

    <div class="transbox">

          <br>
        <h1 style="color: black" class="fw-light"><strong><b>The Starry Night</b></strong></h1>
          <br>
          <p class="lead text-muted"><font color="#000000"><strong></strong></font></p>
        <p class="lead text-muted"><font color="#000000"><strong></strong></font></p>
          <p style="color: black" class="lead text-muted"><strong>"描绘自然中的细碎小事"</strong></p>
          <p class="lead text-muted"><font color="#000000"><strong></strong></font></p>
          <p style="color: black" class="lead text-muted" align="left"><strong>Author:</strong></p>
          <p style="color: black" class="lead text-muted" align="left"><strong>Vincent Van Gogh's bro——Python Gao</strong></p>
          <a href="https://dormousehole.readthedocs.io/en/latest/quickstart.html#id10">Flask文档</a>
          <a href="https://cnblogs.com/xuzhichao">许老师博客</a>


    </div>
    </div>
        <div class="p">
        <p>
          <a href="/index_name2" class="btn btn-primary my-2">名字全称拼写</a>
          <a href="/name_index" class="btn btn-primary my-2">元音词频统计</a>
             <a href="/login" class="btn btn-primary my-2">课程表</a>
        </p>
        </div>
      </div>
    </div>

  </section>



</main>

<footer class="text-muted py-5">
  <div  class="container">
    <p class="float-end mb-1">
      <a href="#">Back to top</a>
    </p>
      <p style="color: antiquewhite" class="mb-1"><strong>@Python Gao的期末项目</strong></p>
    <p style="color: antiquewhite"  class="mb-0">New to Bootstrap? <a href="/">Visit the homepage</a> or read our <a href="/docs/5.1/getting-started/introduction/">getting started guide</a>.</p>

  </div>
</footer>


    <script src="/docs/5.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>


  </body>
</html>
